<template>
    <div>
        <div class="box">
            <div class="text">插件管理</div>
            <div class="switch">
                <el-switch
                v-model="value1"
                active-color="#13ce66"
                active-text="使用高级扩展插件">
                </el-switch>
            </div>
            <div class="switch">
                <el-switch
                v-model="value2"
                active-color="#13ce66"
                active-text="使用RealPlayer插件">
                </el-switch>
            </div>
            <div class="switch">
                <el-switch
                v-model="value3"
                active-color="#13ce66"
                active-text="使用手机验证安全控件">
                </el-switch>
            </div>
            <div class="switch">
                <el-switch
                v-model="value4"
                active-color="#13ce66"
                active-text="使用视频在线播放插件">
                </el-switch>
            </div>
            <div class="switch">
                <el-switch
                v-model="value5"
                active-color="#13ce66"
                active-text="使用账号保护组件">
                </el-switch>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            value1:'',
            value2:'',
            value3:'',
            value4:'',
            value5:'',
        }
    }
};
</script>

<style scoped>
.box{
    border-radius: 4px;
    margin-top: 50px;
    background-color: white;
}
.text{
    padding: 30px;
    font-size: 150%;
}
.switch{
    padding-left: 30px;
    padding-bottom: 30px;
}
</style>